<template>
    <div class='demo'>
        this is my car {{car}}
    </div>
</template>

<script>
    import {reactive,provide,toRefs} from 'vue'
    export default {
        name : "Demo",
        setup(){
            let car = reactive({
                name:"benz",
                price:400000,
            })
            // isRef用来判断1个对象是否是ref对象
            // isReactive用来判断1个对象是否是reactive对象
            // isReadOnly用来判断1个对象是否是readOnly对象
            // isProxy用来判断1个对象是否是isProxy对象
            // isRef和isReactive和isReadOnly和isProxy
            return {car,...toRefs(car)}
        }
    }
</script>

<style scoped>
    .demo{
        background-color: red;
        padding:10px;
        margin:10px;
    }
</style>